@charset 'utf-8';
@import '../less/z';
@import '../less/css3';
@import '../less/reset';

.reset();

.main {
    width: 1250px;
    height: 800px;
    background: #FFFDF1;
}

.commonCheck (@width, @height) {
    width: @width - 6px;
    height: @height - 6px;
    display: inline-block;
    z-index: 999999;
    .pos(r);
    .border-radius(10px);
    padding: 3px;
    .tc();
    .font-wb();
    cursor: pointer;
    .toggle-txt {
        width: @width - 6px;
        height: @height - 6px;
        line-height: @height - 6px;
    }
    .toggle-txt-span {
        width: (@width - 6px)/2;
        height: @height - 6px;
        .d-ib();
    }
    .toggle-left {
        .pos(a);
        top: 3px;
        left: 3px;
    }
    .toggle-right {
        .pos(a);
        top: 3px;
        right: 3px;
    }
    .toggle-line {
        .pos(a);
        top: 3px;
        left: 3px;
        .border-radius(8px);
        height: @height - 6px;
        line-height: @height - 6px;
        width: (@width - 6px)/2;
        .rgba(242,242,242,0.6);
    }
}

.toggle-con {
    .commonCheck(120px,30px);
}

.on-color {
    background: #15B7B9;
    color: #fff;
}

.off-color {
    background: #10DDC2;
    color: #fff;
}